<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">
<h:head>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="shortcut icon" href="images/icon_page.ico" />
<title>Login</title>
</h:head>
<body>
<h:panelGroup id="plg_formlogin">
	<h:form id="form_login" >
	<p:growl id="growl" showDetail="true" sticky="true" autoUpdate="true" /> 
		<p:messages id="messenges" showDetail="true" autoUpdate="true" closable="true" ></p:messages>
		<div class="frm_login">
			<div class="login_logo">
				<img alt="logo" src="images/logo2.png" title="" />
			</div>
			<div class="login_content">
				<div class="login_input">
					<p:inputText  id="username" styleClass="login_txt" value="#{q100Bean.username}" placeholder="#{lang['txt.user']} ..." title="#{lang['txt.user']}"></p:inputText>
				</div>
				<div class="login_input">
					<p:password id="password" styleClass="login_txt" value="#{q100Bean.password}" placeholder="#{lang['txt.pass']} ..." title="#{lang['txt.pass']}"></p:password>
				</div>
				<div class="login_message">
					<p:outputLabel styleClass="message_error" value="#{q100Bean.message}"></p:outputLabel>
				</div>
				<div class="login_button">
					<p:commandButton styleClass="btn_login" value="#{lang['txt.Login']}" title="#{lang['txt.Login']}" action="#{q100Bean.checklogin}" update=":form_login"></p:commandButton>
				</div>
				<p:outputLabel value="#{q100Bean.lang}"></p:outputLabel>
			</div>
		</div>
		
		<h:selectOneMenu value="#{q100Bean.strlocale}">
			<f:selectItem itemLabel="VN" itemValue="vi"></f:selectItem>
			<f:selectItem itemLabel="EN" itemValue="en"></f:selectItem>
   			<p:ajax event="change" listener="#{q100Bean.change_language()}" update=":plg_formlogin"></p:ajax>
   		</h:selectOneMenu>
	</h:form>
	</h:panelGroup>
</body>
</html>